<template>
	<view class="fiex">
		<view class="box1">
			<text class="feng">{{name}}</text> 
			<text class="ren">本人</text>
			<view class="num">{{number}}</view>
		</view>	
		<view class="box2" @click="toggle('bottom')">	
			<image src="../../../../static/images/切换.png"></image>
			<view class="title">
				切换就诊人
			</view>	
		</view>		
	</view>
</template>

<script>
	
	export default {
		data() {
			const currentDate = this.getDate({format: true})
			return {
				
				name: "蒋峰",
				number: '622*********0909',
				nowDate:currentDate,//获取当前时间
				isShow:false,
				value:[],
				chooseDate:"选择时间 >",
				start:"1900-01-01",
				end:"2200-12-01",
				type: "default",
				inverted: false,
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.fiex {
	display: flex;
	justify-content: space-between;
	width: 700rpx;
	height: 200rpx;
	background-color: #E0FFFF;
	margin: 50rpx 26rpx ;
	text-align: center;
}
.box1 {
		margin: 40rpx 20rpx;
	}
	
	.feng {
		margin-right: 48rpx;
	}
	
	.ren {
		display: inline-block;
		font-size: 30rpx;
		width: 100rpx;
		height: 50rpx;
		line-height: 50rpx;
		border-radius: 30rpx;
		color: #4169E1;
		background-color: #ADD8E6;
	}
	
	.box2 {
		margin: 40rpx 20rpx;
	}
image{
	width: 40rpx;
	height: 40rpx;
}
	.title {
		color: #C0C0C0;
		font-size: 30rpx;
		padding: 10rpx 14rpx;
	}
</style>
